<template>
  <a-popover placement="bottomLeft" :trigger="trigger">
    <template #content>
      <div class="flex flex-col items-center p-1 more-button-style">
        <slot></slot>
      </div>
    </template>
    <a-button type="link" size="small">
      <BaseIcon name="EllipsisOutlined" />
    </a-button>
  </a-popover>
</template>

<script setup>
/**
 * @name:SelectItem 选择常用字典
 */
defineProps({
  trigger: {
    desc: '触发行为，可选 hover/focus/click/contextmenu',
    type: String,
    default: 'hover'
  }
})

// onMounted(() => {})
</script>
<style lang="less" scoped>
.more-button-style {
  :deep(.ant-btn-link) {
    margin: 3px;
  }
}
</style>
